@charset "UTF-8";
/* *
*
* @authors supmain (mtingfeng@gmail.com)
* @date    2014-08-11 15:49:53
* @update  2014-08-11 15:49:53
* @for webapp.html
* @version $Id$ */

/* *********************页面头部及导航部分开始*********************** */
i.icon { background: url(/images/user/bsty_icon.png) no-repeat; display: inline-block; vertical-align: middle; }
.heeader { width: 100%; margin: 0px auto; overflow: hidden; z-index: 999; }
.heeader .topcon { width: 100%; background: #008fb5; height: 30px; line-height: 30px; }
.heeader .topcon .top_content { width: 1000px; margin: 0px auto; overflow: hidden; position: relative; color: #fff; }
.heeader .topcon .reg_login b, .heeader .topcon .top_nav b { font-weight: normal; font-size: 10px; color: #00a2ca; margin: 0px 5px; }
.heeader .topcon .reg_login a, .heeader .topcon .top_nav a { color: #fff; }
.heeader .topcon .reg_login a:hover { text-decoration: underline; }
/* ***********logo************ */
.logon_tel_con { width: 100%; overflow: hidden; height: 80px; margin-bottom: 0px; background: #00a2ca; }
.logon_tel_con .nav_wrap { width: 1000px; margin: 0px auto; }
.logo_con { float: left; padding: 10px 20px 0px 20px; }
.logo_con a { display: block; }
.logon_tel_con ul { }
.logon_tel_con ul li { float: left; line-height: 80px;}
.logon_tel_con ul li a { display: block; width: 90px; text-align: center; color: #fff; font-size: 16px; cursor: pointer; text-decoration: none; }
.logon_tel_con ul li a:hover, .logon_tel_con ul li a.current { color: #fff; background: #008fb5; width: 90px; border-top: none; border-bottom: none; }
.logon_tel_con ul li a:hover span, .logon_tel_con ul li a.current span { border-top: none; border-bottom: none; width: 90px; display: inline-block; }
.search { position: relative; margin-top: 25px; }
.search_icon { position: absolute; right: 15px; top: 7px; z-index: 5; }
/* *********************页面头部及导航部分结束*********************** */
/* ****************************************轮播开始********************************************* */
.banner { overflow: hidden; width: 100%; max-width: 1920px; margin: 0px auto; height: 400px; }
.banner .d1 { width: 100%; height: 400px; display: block; }
.banner .d2 { width: 100%; height: 30px; clear: both; position: absolute; z-index: 100; left: 0px; top: 480px; }
.banner .d2 ul { float: left; position: absolute; left: 50%; top: 0; margin: 0 0 0 -96px; display: inline; }
.banner .d2 li { width: 17px; height: 15px; overflow: hidden; cursor: pointer; background: url(/images/user/img1.png) no-repeat center; float: left; margin: 0 3px; display: inline; }
.banner .d2 li.nuw { background: url(/images/user/img1_1.png) no-repeat center; }
/* ****************************************轮播结束********************************************* */
/* *********************************内容部分*********************************** */


/* *********************图文部分*********************** */

.line_shadow { background: url(/images/user/line.jpg) no-repeat bottom center; width: 1000px; height: 15px; line-height: 0; font-size: 0; zoom: 1; margin: 40px auto 0px; }
.main_con { width: 880px; overflow: hidden; padding: 40px 60px 0 60px; }
.main_con_text { width: 500px; padding: 40px 0 0 0px; }
.main_con_text h2 { color: #333; font-size: 30px; line-height: 40px; height: 40px; text-align: left; font-weight: normal; font-family: "微软雅黑"; margin-bottom: 20px; position: relative; }
.main_con_text h2 span { color: #333; font-size: 14px; font-family: "微软雅黑"; position: absolute; bottom: 0; right: 0; padding-left: 15px; }
.main_con_text h2 span a { color: #333; padding-left: 15px; font-size: 14px; }
.main_con_text h2 span a:hover { text-decoration: underline; color: #08c; }
.main_con_text .listText { text-align: left; font-family: "微软雅黑"; font-size: 14px; line-height: 30px; color: #777; }
.listImg { margin-top: 30px; }
.listImg a { display: block; float: left; margin-right: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100px; line-height: 30px; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; *padding: 2px 0; }
.listImg a.blue { background: #3eabee; }
.listImg a.yellow { background: #fba848; }
.listImg a.green { background: #57be87; }
.listImg a i.icon { background: url(/images/user/bsty_icon.png) no-repeat; display: inline-block; vertical-align: middle; width: 23px; height: 24px; margin-left: 9px; }
.listImg a i.mox_1 { background-position: 0px -86px; }
.listImg a i.mox_2 { background-position: -39px -86px; }
.listImg a i.mox_3 { background-position: -79px -86px; }
.listImg a i.mox_4 { background-position: -126px -86px; margin-right: 6px; }
.listImg a i.mox_5 { background-position: -177px -86px; margin-right: 6px; }
.listImg a i.mox_6 { background-position: -225px -85px; margin-right: 6px; }
/* *********************图文部分结束*********************** */

/* *********************产品服务*********************** */
.content { width: 1000px; margin: 0px auto; margin-bottom: 30px; overflow: hidden; margin-top: 30px; }
.content .pro_ser_con { margin: 0px auto; overflow: hidden; margin-bottom: 10px; }
.content .product_title h3 { font-size: 18px; line-height: 30px; color: #000; font-weight: normal; margin-bottom: 10px; }
.content .product_title a.more { float: right; color: #666; font-size: 14px; line-height: 30px; }
.content .product_title a.more:hover { color: #08c; text-decoration: underline; }
.content .product_con { width: 998px; background-color: #fafafa; border: 1px solid #e7e7e7; overflow: hidden; margin: 0px auto; }
.content .product_con ul { margin: 0px auto; overflow: hidden; }
.content .product_con ul li { float: left; overflow: hidden; width: 249px; cursor: pointer; text-align: center; }
.content .product_con ul li .box { height: 248px; width: 100%; padding: 30px 0 0px 0; color: #666; }
.content .product_con ul li .intro { color: #fff; width: 100%; height: 248px; padding: 30px 0 0px 0; }
.content .product_con ul li .intro h2 { font-size: 16px; }
.content .product_con ul li .intro h3 { display: block; width: 200px; margin: 41px auto; word-wrap: break-word; height: 40px; }
.content .product_con ul li .intro p.by { margin-bottom: 15px; font-size: 14px; text-indent: 0; text-align: center; }
.content .product_con ul li .intro p { text-align: left; text-indent: 3.6em; }
.content .product_con ul li p { line-height: 20px; text-indent: 0em; }
.content .product_con ul li .intro a.know_more { color: white; font-size: 14px; border: 1px solid white; border-radius: 3px; width: 138px; height: 34px; line-height: 36px; text-align: center; display: block; margin: 0px auto; margin-top: 10px; }
.content .product_con ul li .intro a.know_more:hover { background: #fff; color: #333; text-decoration: none; }
.content .product_con ul li.sw .intro { background: url(/images/user/saasbg.jpg) repeat-x; }
.content .product_con ul li.qj .intro { background: url(/images/user/paasbg.jpg) repeat-x; }
.content .product_con ul li.jc .intro { background: url(/images/user/iaasbg.jpg) repeat-x; }
.content .product_con ul li.mh .intro { background: url(/images/user/portalbg.jpg) repeat-x; }
.content .product_con ul li.cell_mid .box, .content .product_con ul li.cell_last .box { border-left: 1px dashed #EEE; }
.content .product_con ul li.cell_last { width: 251px; }
.y-h2 { font-size: 16px; color: #333; }
.content .product_con ul li .box p.text { font-size: 14px; padding-bottom: 15px; text-indent: 0; }
.content .product_con ul li .box p.last { padding-top: 0; padding-bottom: 10px; }
a.y-btn { padding: 0; margin: 0; height: 36px; line-height: 36px; width: 140px; border: none; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; background-color: #3eabee; color: white; outline: none; display: inline-block; font-size: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
a.y-btn:hover { background-color: #50b3ef; }
.content .product_con ul li span.icon { /* background: url(/images/user/bsty_icon.png) no-repeat; */ display: inline-block; width: 64px; height: 64px; margin-bottom: 25px; }
.content .product_con ul li span.email { /* background-position: 1px 0px; */ background: url(/images/user/ybg.png) no-repeat;}
.content .product_con ul li span.jstx { /* background-position: -79px 0px; */ background: url(/images/user/ybg.png) no-repeat;}
.content .product_con ul li span.weibo { /* background-position: -166px 0px; */ background: url(/images/user/bgoa.png) no-repeat;}
.content .product_con ul li span.yyzz { /* background-position: -166px 0px; */ background: url(/images/user/yyzz.jpg) no-repeat;}
.content .product_con ul li span.txl { /* background-position: -253px 0px; */ background: url(/images/user/sphy.png) no-repeat;}
/* *********************产品服务结束*********************** */
/*首页轮播图*/
.index-slide { width: 100%; height: 350px; position: relative; overflow: hidden; background: url(/images/user/loading.gif) center center no-repeat; z-index:0;}
.index-slide ul { height: 350px; overflow: hidden; }
.index-slide li { width: 100%; height: 350px; overflow: hidden; position: absolute; left: 0; top: 0; background-position: center 0; background-repeat: no-repeat; }
.index-slide li span { display: block; height: 350px; width: 1000px; margin: 0 auto; }
.index-slide li span a{ border:1px solid #fafafa;-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;  border-radius:5px; width:175px; height:40px; margin-top:230px; line-height:40px; text-align:center; font-size:18px; color:#fff; text-decoration:none; display:inline-block;}
.index-slide .trigger-box { width: 400px; margin: 0 auto; position: absolute; top: 320px; left: 50%; z-index: 10; margin-left: -200px; }
.index-slide .triggers { text-align: center; font-size: 0; }
.trigger-box .triggers a { display: inline-block; width: 0; padding: 15px 0 0 15px; height: 0px; line-height: 0px; overflow: hidden; background-color: #333; text-align: center; font-size: 14px; font-weight: bold; color: #fff; font-family: arial; margin-right: 10px; background: url(/images/user/img1.png) no-repeat center;}
.trigger-box .triggers a.current { background: url(/images/user/img1_1.png) no-repeat center;}